<template>
	<view class="box1">
		vw、vh
	</view>
	<view class="box2">
		px
	</view>
	<view class="box3">
		rpx
	</view>
	<view class="box4">
		%
	</view>
</template>

<script setup>
	
</script>

<style lang="scss" scoped>
.box1 {
	width: 50vw;
	height: 50vh;
	background: pink;
}
.box2 {
	width: 150px;
	height: 150px;
	background: orange;
}
.box3 {
	width: 150rpx;
	height: 150rpx;
	background: green;
}
.box4 {
	width: 50%;
	height: 50%;
	background: blue;
}

</style>
